.btn-primary{
    background: var(--color-primary);
    border-color: var(--color-primary);
}
.btn-primary-o {
    background: transparent;
    color: var(--color-primary);
    border: 1px dashed var(--color-primary);
}
.btn-success{
    background: var(--color-success);
    border-color: var(--color-success);
}
.btn-success-o {
    background: transparent;
    color: var(--color-success);
    border: 1px dashed var(--color-success);
}
.btn-warning{
    background: var(--color-warning);
    border-color:var(--color-warning);
}
.btn-warning-o {
    background: transparent;
    color: var(--color-warning);
    border: 1px dashed var(--color-warning);
}
.btn-danger{
    background: var(--color-danger);
    border-color: var(--color-danger);
}
.btn-danger-o {
    background: transparent;
    color: var(--color-danger);
    border: 1px dashed var(--color-danger);
}
.btn-default{
    background: var(--color-default);
    border-color:var(--color-default);
    color: var(--color-default-invert);
}
.btn-default-o {
    background: transparent;
    color: var(--color-default);
    border: 1px dashed var(--color-default);
}

.btn-highlight-01{
    background: var(--color-highlight-01);
    border-color: var(--color-highlight-01);
    color: var(--color-highlight-01-invert);
}
.btn-highlight-01-o {
    background: transparent;
    color: var(--color-highlight-01);
    border: 1px dashed var(--color-highlight-01);
}

.btn-highlight-02{
    background: var(--color-highlight-02);
    border-color: var(--color-highlight-02);
    color: var(--color-highlight-02-invert);
}
.btn-highlight-02-o {
    background: transparent;
    color: var(--color-highlight-02);
    border: 1px dashed var(--color-highlight-02);
}

.btn-highlight-03{
    background: var(--color-highlight-03);
    border-color: var(--color-highlight-03);
    color: var(--color-highlight-03-invert);
}
.btn-highlight-03-o {
    background: transparent;
    color: var(--color-highlight-03);
    border: 1px dashed var(--color-highlight-03);
}

.btn-highlight-04{
    background: var(--color-highlight-04);
    border-color: var(--color-highlight-04);
    color: var(--color-highlight-04-invert);
}
.btn-highlight-04-o {
    background: transparent;
    color: var(--color-highlight-04);
    border: 1px dashed var(--color-highlight-04);
}

.btn-highlight-05{
    background: var(--color-highlight-05);
    border-color: var(--color-highlight-05);
    color: var(--color-highlight-05-invert);
}
.btn-highlight-05-o {
    background: transparent;
    color: var(--color-highlight-05);
    border: 1px dashed var(--color-highlight-05);
}

.btn-highlight-06{
    background: var(--color-highlight-06);
    border-color: var(--color-highlight-06);
    color: var(--color-highlight-06-invert);
}
.btn-highlight-06-o {
    background: transparent;
    color: var(--color-highlight-06);
    border: 1px dashed var(--color-highlight-06);
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:focus, .btn-primary:active:hover, .btn-primary:active:focus,
.btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus{
    background: var(--color-primary-active);
    border-color:var(--color-primary-active);
    color: var(--color-primary-invert);
}
.btn-primary:hover{
    box-shadow: 0 2px 5px 1px var(--color-primary-active);
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-primary-active);
    border-color: var(--color-primary-active);
    color: var(--color-primary-invert);
    box-shadow: none;
}

.btn-primary-o:hover, .btn-primary-o:active, .btn-primary-o.active, .btn-primary-o:focus, .btn-primary-o:active:hover, .btn-primary-o:active:focus,
.btn-primary-o:active.focus, .btn-primary-o.active:hover, .btn-primary-o.active:focus, .btn-primary-o.active.focus{
    color: var(--color-primary-active);
    border: 1px solid var(--color-primary-active);
}
.btn-primary-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-primary-active);
}
.btn-primary-o.disabled.focus, .btn-primary-o.disabled:focus, .btn-primary-o.disabled:hover, .btn-primary-o[disabled].focus, .btn-primary-o[disabled]:focus,
.btn-primary-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-primary-active);
    border: 1px solid var(--color-primary-active);
    box-shadow: none;
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success:focus, .btn-success:active:hover, .btn-success:active:focus,
.btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus{
    background: var(--color-success-active);
    border-color:var(--color-success-active);
    color: var(--color-success-invert);
}
.btn-success:hover{
    box-shadow: 0 2px 5px 1px var(--color-success-active);
}
.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus,
.btn-success[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-success-active);
    border-color: var(--color-success-active);
    color: var(--color-success-invert);
    box-shadow: none;
}

.btn-success-o:hover, .btn-success-o:active, .btn-success-o.active, .btn-success-o:focus, .btn-success-o:active:hover, .btn-success-o:active:focus,
.btn-success-o:active.focus, .btn-success-o.active:hover, .btn-success-o.active:focus, .btn-success-o.active.focus{
    color: var(--color-success-active);
    border: 1px solid var(--color-success-active);
}
.btn-success-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-success-active);
}
.btn-success-o.disabled.focus, .btn-success-o.disabled:focus, .btn-success-o.disabled:hover, .btn-success-o[disabled].focus, .btn-success-o[disabled]:focus,
.btn-success-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-success-active);
    border: 1px solid var(--color-success-active);
    box-shadow: none;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning:focus, .btn-warning:active:hover, .btn-warning:active:focus,
.btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus{
    background: var(--color-warning-active);
    border-color:var(--color-warning-active);
    color: var(--color-warning-invert);
}
.btn-warning:hover{
    box-shadow: 0 2px 5px 1px var(--color-warning-active);
}
.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus,
.btn-warning[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-warning-active);
    border-color: var(--color-warning-active);
    color: var(--color-warning-invert);
    box-shadow: none;
}

.btn-warning-o:hover, .btn-warning-o:active, .btn-warning-o.active, .btn-warning-o:focus, .btn-warning-o:active:hover, .btn-warning-o:active:focus,
.btn-warning-o:active.focus, .btn-warning-o.active:hover, .btn-warning-o.active:focus, .btn-warning-o.active.focus{
    color: var(--color-warning-active);
    border: 1px solid var(--color-warning-active);
}
.btn-warning-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-warning-active);
}
.btn-warning-o.disabled.focus, .btn-warning-o.disabled:focus, .btn-warning-o.disabled:hover, .btn-warning-o[disabled].focus, .btn-warning-o[disabled]:focus,
.btn-warning-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-warning-active);
    border: 1px solid var(--color-warning-active);
    box-shadow: none;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger:focus, .btn-danger:active:hover, .btn-danger:active:focus,
.btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus{
    background: var(--color-danger-active);
    border-color:var(--color-danger-active);
    color: var(--color-danger-invert);
}
.btn-danger:hover{
    box-shadow: 0 2px 5px 1px var(--color-danger-active);
}
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus,
.btn-danger[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-danger-active);
    border-color: var(--color-danger-active);
    color: var(--color-danger-invert);
    box-shadow: none;
}

.btn-danger-o:hover, .btn-danger-o:active, .btn-danger-o.active, .btn-danger-o:focus, .btn-danger-o:active:hover, .btn-danger-o:active:focus,
.btn-danger-o:active.focus, .btn-danger-o.active:hover, .btn-danger-o.active:focus, .btn-danger-o.active.focus{
    color: var(--color-danger-active);
    border: 1px solid var(--color-danger-active);
}
.btn-danger-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-danger-active);
}
.btn-danger-o.disabled.focus, .btn-danger-o.disabled:focus, .btn-danger-o.disabled:hover, .btn-danger-o[disabled].focus, .btn-danger-o[disabled]:focus,
.btn-danger-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-danger-active);
    border: 1px solid var(--color-danger-active);
    box-shadow: none;
}

.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default:focus, .btn-default:active:hover, .btn-default:active:focus,
.btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus{
    background: var(--color-default-active);
    border-color:var(--color-default-active);
    color: var(--color-default-invert);
}
.btn-default:hover{
    box-shadow: 0 2px 5px 1px var(--color-default-active);
}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus,
.btn-default[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-default-active);
    border-color: var(--color-default-active);
    color: var(--color-default-invert);
    box-shadow: none;
}

.btn-default-o:hover, .btn-default-o:active, .btn-default-o.active, .btn-default-o:focus, .btn-default-o:active:hover, .btn-default-o:active:focus,
.btn-default-o:active.focus, .btn-default-o.active:hover, .btn-default-o.active:focus, .btn-default-o.active.focus{
    color: var(--color-default-active);
    border: 1px solid var(--color-default-active);
}
.btn-default-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-default-active);
}
.btn-default-o.disabled.focus, .btn-default-o.disabled:focus, .btn-default-o.disabled:hover, .btn-default-o[disabled].focus, .btn-default-o[disabled]:focus,
.btn-default-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-default-active);
    border: 1px solid var(--color-default-active);
    box-shadow: none;
}

.btn-highlight-01:hover, .btn-highlight-01:active, .btn-highlight-01.active, .btn-highlight-01:focus, .btn-highlight-01:active:hover, .btn-highlight-01:active:focus,
.btn-highlight-01:active.focus, .btn-highlight-01.active:hover, .btn-highlight-01.active:focus, .btn-highlight-01.active.focus{
    background: var(--color-highlight-01-active);
    border-color:var(--color-highlight-01-active);
    color: var(--color-highlight-01-invert);
}
.btn-highlight-01:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-01-active);
}
.btn-highlight-01.disabled.focus, .btn-highlight-01.disabled:focus, .btn-highlight-01.disabled:hover, .btn-highlight-01[disabled].focus, .btn-highlight-01[disabled]:focus,
.btn-highlight-01[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-highlight-01-active);
    border-color: var(--color-highlight-01-active);
    color: var(--color-highlight-01-invert);
    box-shadow: none;
}

.btn-highlight-01-o:hover, .btn-highlight-01-o:active, .btn-highlight-01-o.active, .btn-highlight-01-o:focus, .btn-highlight-01-o:active:hover, .btn-highlight-01-o:active:focus,
.btn-highlight-01-o:active.focus, .btn-highlight-01-o.active:hover, .btn-highlight-01-o.active:focus, .btn-highlight-01-o.active.focus{
    color: var(--color-highlight-01-active);
    border: 1px solid var(--color-highlight-01-active);
}
.btn-highlight-01-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-01-active);
}
.btn-highlight-01-o.disabled.focus, .btn-highlight-01-o.disabled:focus, .btn-highlight-01-o.disabled:hover, .btn-highlight-01-o[disabled].focus, .btn-highlight-01-o[disabled]:focus,
.btn-highlight-01-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-highlight-01-active);
    border: 1px solid var(--color-highlight-01-active);
    box-shadow: none;
}

.btn-highlight-02:hover, .btn-highlight-02:active, .btn-highlight-02.active, .btn-highlight-02:focus, .btn-highlight-02:active:hover, .btn-highlight-02:active:focus,
.btn-highlight-02:active.focus, .btn-highlight-02.active:hover, .btn-highlight-02.active:focus, .btn-highlight-02.active.focus{
    background: var(--color-highlight-02-active);
    border-color:var(--color-highlight-02-active);
    color: var(--color-highlight-02-invert);
}
.btn-highlight-02:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-02-active);
}
.btn-highlight-02.disabled.focus, .btn-highlight-02.disabled:focus, .btn-highlight-02.disabled:hover, .btn-highlight-02[disabled].focus, .btn-highlight-02[disabled]:focus,
.btn-highlight-02[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-highlight-02-active);
    border-color: var(--color-highlight-02-active);
    color: var(--color-highlight-02-invert);
    box-shadow: none;
}

.btn-highlight-02-o:hover, .btn-highlight-02-o:active, .btn-highlight-02-o.active, .btn-highlight-02-o:focus, .btn-highlight-02-o:active:hover, .btn-highlight-02-o:active:focus,
.btn-highlight-02-o:active.focus, .btn-highlight-02-o.active:hover, .btn-highlight-02-o.active:focus, .btn-highlight-02-o.active.focus{
    color: var(--color-highlight-02-active);
    border: 1px solid var(--color-highlight-02-active);
}
.btn-highlight-02-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-02-active);
}
.btn-highlight-02-o.disabled.focus, .btn-highlight-02-o.disabled:focus, .btn-highlight-02-o.disabled:hover, .btn-highlight-02-o[disabled].focus, .btn-highlight-02-o[disabled]:focus,
.btn-highlight-02-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-highlight-02-active);
    border: 1px solid var(--color-highlight-02-active);
    box-shadow: none;
}

.btn-highlight-03:hover, .btn-highlight-03:active, .btn-highlight-03.active, .btn-highlight-03:focus, .btn-highlight-03:active:hover, .btn-highlight-03:active:focus,
.btn-highlight-03:active.focus, .btn-highlight-03.active:hover, .btn-highlight-03.active:focus, .btn-highlight-03.active.focus{
    background: var(--color-highlight-03-active);
    border-color:var(--color-highlight-03-active);
    color: var(--color-highlight-03-invert);
}
.btn-highlight-03:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-03-active);
}
.btn-highlight-03.disabled.focus, .btn-highlight-03.disabled:focus, .btn-highlight-03.disabled:hover, .btn-highlight-03[disabled].focus, .btn-highlight-03[disabled]:focus,
.btn-highlight-03[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-highlight-03-active);
    border-color: var(--color-highlight-03-active);
    color: var(--color-highlight-03-invert);
    box-shadow: none;
}

.btn-highlight-03-o:hover, .btn-highlight-03-o:active, .btn-highlight-03-o.active, .btn-highlight-03-o:focus, .btn-highlight-03-o:active:hover, .btn-highlight-03-o:active:focus,
.btn-highlight-03-o:active.focus, .btn-highlight-03-o.active:hover, .btn-highlight-03-o.active:focus, .btn-highlight-03-o.active.focus{
    color: var(--color-highlight-03-active);
    border: 1px solid var(--color-highlight-03-active);
}
.btn-highlight-03-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-03-active);
}
.btn-highlight-03-o.disabled.focus, .btn-highlight-03-o.disabled:focus, .btn-highlight-03-o.disabled:hover, .btn-highlight-03-o[disabled].focus, .btn-highlight-03-o[disabled]:focus,
.btn-highlight-03-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-highlight-03-active);
    border: 1px solid var(--color-highlight-03-active);
    box-shadow: none;
}

.btn-highlight-04:hover, .btn-highlight-04:active, .btn-highlight-04.active, .btn-highlight-04:focus, .btn-highlight-04:active:hover, .btn-highlight-04:active:focus,
.btn-highlight-04:active.focus, .btn-highlight-04.active:hover, .btn-highlight-04.active:focus, .btn-highlight-04.active.focus{
    background: var(--color-highlight-04-active);
    border-color:var(--color-highlight-04-active);
    color: var(--color-highlight-04-invert);
}
.btn-highlight-04:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-04-active);
}
.btn-highlight-04.disabled.focus, .btn-highlight-04.disabled:focus, .btn-highlight-04.disabled:hover, .btn-highlight-04[disabled].focus, .btn-highlight-04[disabled]:focus,
.btn-highlight-04[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-highlight-04-active);
    border-color: var(--color-highlight-04-active);
    color: var(--color-highlight-04-invert);
    box-shadow: none;
}

.btn-highlight-04-o:hover, .btn-highlight-04-o:active, .btn-highlight-04-o.active, .btn-highlight-04-o:focus, .btn-highlight-04-o:active:hover, .btn-highlight-04-o:active:focus,
.btn-highlight-04-o:active.focus, .btn-highlight-04-o.active:hover, .btn-highlight-04-o.active:focus, .btn-highlight-04-o.active.focus{
    color: var(--color-highlight-04-active);
    border: 1px solid var(--color-highlight-04-active);
}
.btn-highlight-04-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-04-active);
}
.btn-highlight-04-o.disabled.focus, .btn-highlight-04-o.disabled:focus, .btn-highlight-04-o.disabled:hover, .btn-highlight-04-o[disabled].focus, .btn-highlight-04-o[disabled]:focus,
.btn-highlight-04-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-highlight-04-active);
    border: 1px solid var(--color-highlight-04-active);
    box-shadow: none;
}

.btn-highlight-05:hover, .btn-highlight-05:active, .btn-highlight-05.active, .btn-highlight-05:focus, .btn-highlight-05:active:hover, .btn-highlight-05:active:focus,
.btn-highlight-05:active.focus, .btn-highlight-05.active:hover, .btn-highlight-05.active:focus, .btn-highlight-05.active.focus{
    background: var(--color-highlight-05-active);
    border-color:var(--color-highlight-05-active);
    color: var(--color-highlight-05-invert);
}
.btn-highlight-05:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-05-active);
}
.btn-highlight-05.disabled.focus, .btn-highlight-05.disabled:focus, .btn-highlight-05.disabled:hover, .btn-highlight-05[disabled].focus, .btn-highlight-05[disabled]:focus,
.btn-highlight-05[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-highlight-05-active);
    border-color: var(--color-highlight-05-active);
    color: var(--color-highlight-05-invert);
    box-shadow: none;
}

.btn-highlight-05-o:hover, .btn-highlight-05-o:active, .btn-highlight-05-o.active, .btn-highlight-05-o:focus, .btn-highlight-05-o:active:hover, .btn-highlight-05-o:active:focus,
.btn-highlight-05-o:active.focus, .btn-highlight-05-o.active:hover, .btn-highlight-05-o.active:focus, .btn-highlight-05-o.active.focus{
    color: var(--color-highlight-05-active);
    border: 1px solid var(--color-highlight-05-active);
}
.btn-highlight-05-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-05-active);
}
.btn-highlight-05-o.disabled.focus, .btn-highlight-05-o.disabled:focus, .btn-highlight-05-o.disabled:hover, .btn-highlight-05-o[disabled].focus, .btn-highlight-05-o[disabled]:focus,
.btn-highlight-05-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-highlight-05-active);
    border: 1px solid var(--color-highlight-05-active);
    box-shadow: none;
}

.btn-highlight-06:hover, .btn-highlight-06:active, .btn-highlight-06.active, .btn-highlight-06:focus, .btn-highlight-06:active:hover, .btn-highlight-06:active:focus,
.btn-highlight-06:active.focus, .btn-highlight-06.active:hover, .btn-highlight-06.active:focus, .btn-highlight-06.active.focus{
    background: var(--color-highlight-06-active);
    border-color:var(--color-highlight-06-active);
    color: var(--color-highlight-06-invert);
}
.btn-highlight-06:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-06-active);
}
.btn-highlight-06.disabled.focus, .btn-highlight-06.disabled:focus, .btn-highlight-06.disabled:hover, .btn-highlight-06[disabled].focus, .btn-highlight-06[disabled]:focus,
.btn-highlight-06[disabled]:hover {
    cursor: not-allowed;
    background: var(--color-highlight-06-active);
    border-color: var(--color-highlight-06-active);
    color: var(--color-highlight-06-invert);
    box-shadow: none;
}

.btn-highlight-06-o:hover, .btn-highlight-06-o:active, .btn-highlight-06-o.active, .btn-highlight-06-o:focus, .btn-highlight-06-o:active:hover, .btn-highlight-06-o:active:focus,
.btn-highlight-06-o:active.focus, .btn-highlight-06-o.active:hover, .btn-highlight-06-o.active:focus, .btn-highlight-06-o.active.focus{
    color: var(--color-highlight-06-active);
    border: 1px solid var(--color-highlight-06-active);
}
.btn-highlight-06-o:hover{
    box-shadow: 0 2px 5px 1px var(--color-highlight-06-active);
}
.btn-highlight-06-o.disabled.focus, .btn-highlight-06-o.disabled:focus, .btn-highlight-06-o.disabled:hover, .btn-highlight-06-o[disabled].focus, .btn-highlight-06-o[disabled]:focus,
.btn-highlight-06-o[disabled]:hover {
    cursor: not-allowed;
    background: transparent;
    color: var(--color-highlight-06-active);
    border: 1px solid var(--color-highlight-06-active);
    box-shadow: none;
}

.btn.disabled, .btn[disabled]{
    cursor: not-allowed;
    background: var(--color-disabled);
    border-color: var(--color-disabled);
    color: var(--color-disabled-invert);
    box-shadow: none;
}

.label-primary{
    background:var(--color-primary);
    color: var(--color-primary-invert);
}
.label-primary:hover{
    background:var(--color-primary-active);
}

.label-primary-o{
    border:1px solid var(--color-primary);
    color: var(--color-primary);
}
.label-primary-o:hover{
    border:1px solid var(--color-primary-active);
    color: var(--color-primary-active);
}

.label-success{
    background:var(--color-success);
    color: var(--color-success-invert);
 }
.label-success:hover{
    background:var(--color-success-active);
}
.label-success-o{
    border:1px solid var(--color-success);
    color: var(--color-success);
}
.label-success-o:hover{
    border:1px solid var(--color-success-active);
    color: var(--color-success-active);
}

.label-warning{
    background:var(--color-warning);
    color: var(--color-warning-invert);
}
.label-warning:hover{
    background:var(--color-warning-active);
}
.label-warning-o{
    border:1px solid var(--color-warning);
    color: var(--color-warning);
}
.label-warning-o:hover{
    border:1px solid var(--color-warning-active);
    color: var(--color-warning-active);
}

.label-danger{
    background:var(--color-danger);
    color: var(--color-danger-invert);
}
.label-danger:hover{
    background:var(--color-danger-active);
}
.label-danger-o{
    border:1px solid var(--color-danger);
    color: var(--color-danger);
}
.label-danger-o:hover{
    border:1px solid var(--color-danger-active);
    color: var(--color-danger-active);
}

.label-default{
    background: var(--color-default);
    color: var(--color-default-invert);
}
.label-default:hover{
    background: var(--color-default-active);
}
.label-default-o{
    border:1px solid var(--color-default);
    color: var(--color-default);
}
.label-default-o:hover{
    border:1px solid var(--color-default-active);
    color: var(--color-default-active);
}

.label-highlight-01{
    background: var(--color-highlight-01);
    color: var(--color-highlight-01-invert);
}
.label-highlight-01:hover{
    background: var(--color-highlight-01-active);
}
.label-highlight-01-o{
    border:1px solid var(--color-highlight-01);
    color: var(--color-highlight-01);
}
.label-highlight-01-o:hover{
    border:1px solid var(--color-highlight-01-active);
    color: var(--color-highlight-01-active);
}

.label-highlight-02{
    background: var(--color-highlight-02);
    color: var(--color-highlight-02-invert);
}
.label-highlight-02:hover{
    background: var(--color-highlight-02-active);
}
.label-highlight-02-o{
    border:1px solid var(--color-highlight-02);
    color: var(--color-highlight-02);
}
.label-highlight-02-o:hover{
    border:1px solid var(--color-highlight-02-active);
    color: var(--color-highlight-02-active);
}

.label-highlight-03{
    background: var(--color-highlight-03);
    color: var(--color-highlight-03-invert);
}
.label-highlight-03:hover{
    background: var(--color-highlight-03-active);
}
.label-highlight-03-o{
    border:1px solid var(--color-highlight-03);
    color: var(--color-highlight-03);
}
.label-highlight-03-o:hover{
    border:1px solid var(--color-highlight-03-active);
    color: var(--color-highlight-03-active);
}

.label-highlight-04{
    background: var(--color-highlight-04);
    color: var(--color-highlight-04-invert);
}
.label-highlight-04:hover{
    background: var(--color-highlight-04-active);
}
.label-highlight-04-o{
    border:1px solid var(--color-highlight-04);
    color: var(--color-highlight-04);
}
.label-highlight-04-o:hover{
    border:1px solid var(--color-highlight-04-active);
    color: var(--color-highlight-04-active);
}

.label-highlight-05{
    background: var(--color-highlight-05);
    color: var(--color-highlight-05-invert);
}
.label-highlight-05:hover{
    background: var(--color-highlight-05-active);
}
.label-highlight-05-o{
    border:1px solid var(--color-highlight-05);
    color: var(--color-highlight-05);
}
.label-highlight-05-o:hover{
    border:1px solid var(--color-highlight-05-active);
    color: var(--color-highlight-05-active);
}

.label-highlight-06{
    background: var(--color-highlight-06);
    color: var(--color-highlight-06-invert);
}
.label-highlight-06:hover{
    background: var(--color-highlight-06-active);
}
.label-highlight-06-o{
    border:1px solid var(--color-highlight-06);
    color: var(--color-highlight-06);
}
.label-highlight-06-o:hover{
    border:1px solid var(--color-highlight-06-active);
    color: var(--color-highlight-06-active);
}

.label-info{
    background:#5bc0de;
}
.label-info:hover{
    background:#31b0d5;
}
.label-info-o{
    border:1px solid #5bc0de;
    color: #5bc0de;
}
.label-info-o:hover{
    border:1px solid #31b0d5;
    color:#31b0d5;
}


.label-purple{
    background:#ef7ede;
}
.label-purple:hover{
    background: #e73acd;
}
.label-purple-o{
    border:1px solid #ef7ede;
    color: #ef7ede;
}
.label-purple-o:hover{
    border:1px solid #e73acd;
    color:#e73acd;
}

.label-blue{
    background: #2c91f5;
}
.label-blue:hover{
    background: #0D73F5;
}
.label-blue-o{
    border:1px solid #2c91f5;
    color: #2c91f5;
}
.label-blue-o:hover{
    border:1px solid #0D73F5;
    color:#0D73F5;
}

.text-primary{
    color: var(--font-primary-color) !important;
}
.text-success{
    color: var(--color-success) !important;
}
.text-warning{
    color: var(--color-warning) !important;
}
.text-danger{
    color: var(--color-danger) !important;
}
.text-default{
    color: var(--color-default) !important;
}
.text-white{
    color: white !important;
}

.bg-primary{
    background-color:var(--color-primary) !important;
}
.bg-success{
    background-color:var(--color-success) !important;
}
.bg-warning{
    background-color:var(--color-warning) !important;
}
.bg-danger{
    background-color:var(--color-danger) !important;
}
.bg-default{
    background-color: var(--color-default) !important;
}


.border-primary{
    border-color:var(--color-primary) !important;
}

.border-default{
    border-color: var(--color-default) !important;
}

.border-success {
    border-color: var(--color-success) !important;
}

.border-warning {
    border-color: var(--color-warning) !important;
}

.border-danger {
    border-color: var(--color-danger) !important;
}
